<!DOCTYPE html>
<html>
<head>
	<script charset="utf-8" src="js/jquery.min.js?v=01291"></script>
	<script charset="utf-8" src="js/global.js?v=01291"></script>
	<script charset="utf-8" src="js/bootstrap.min.js?v=01291"></script>
	<script charset="utf-8" src="js/template.js?v=01291"></script>

	<link rel="stylesheet" href="css/bootstrap.css?v=01291">
	<link rel="stylesheet" href="css/style.css?v=1?v=01291">
	<link rel="stylesheet" href="css/member.css?v=01291">
	<link rel="stylesheet" href="css/order3.css?v=01291">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no" name="format-detection">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1,user-scalable=no">
	<title>首页</title>
</head>
<body>
<header class="header">
	<div class="fix_nav">
		<div style="max-width:768px;margin:0 auto;height: 44px;position: relative;background:#000000;">
			<form action="" method="get" id="searchform" name="searchform">
				<div class="navbar-search left-search">
					<input type="text" id="keyword" name="keyword" value="" placeholder="搜索商品" class="form-control">
				</div>
				<div class="nav-right">
					<a href="login.html" ><input type="button" value="登录" class="img-responsive" style="text-align:center;background:#ccc;border-radius: 5px;border:none;height:34px;vertical-align:middle;clear:both;padding:0px;width:42px;"/></a>
				</div>
			</form>
		</div>
	</div>
</header>

<div class="container">
	<!--轮播-->
	<div class="row">
		<div id="slide">
			<div class="hd">
				<ul><li class="on">1</li><li class="on">2</li><li class="on">3</li></ul>
			</div>
			<div class="bd">
				<div class="tempWrap" style="overflow:hidden; position:relative;">
					<ul style="width: 3840px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; transform: translateX(-768px);">
						<li style="display: table-cell; vertical-align: top; width: 768px;">
							<a href="http://m.legendshop.cn/m_search/list?categoryId=36" target="_blank">
								<img src="moblic/index1.jpg" ppsrc="img/0da8eb94-0159-4700-a6a5-bc007da5a853.jpg">
							</a>
						</li>
						<li style="display: table-cell; vertical-align: top; width: 768px;">
							<a href="http://m.legendshop.cn/m_search/list?categoryId=38" target="_blank">
								<img src="moblic/index2.jpg" ppsrc="img/61647775-f5d0-4cfe-b84f-96060eb8e2e3.jpg">
							</a>
						</li>
						<li style="display: table-cell; vertical-align: top; width: 768px;">
							<a href="http://m.legendshop.cn/m_search/list?categoryId=38" target="_blank">
								<img src="moblic/index3.jpg" ppsrc="img/efa1dc7b-1375-4876-acae-e344cae7d55c.jpg">
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="row category">
		<a href="category_list.html" class="col-xs-3" style="width: 40%;padding-left: 20%;">
			<img class="img-responsive" src="img/icon_rm.png">
			<h4>热门</h4>
		</a>
		<a href="category_list.html" class="col-xs-3" style="float:right;width: 40%;padding-right: 20%;">
			<img class="img-responsive" src="img/icon_tm.png">
			<h4>精品</h4>
		</a>
	</div>

	<div class="row">

		<!--产品块-->
		<div class="tb_box">
			<h2 class="tab_tit">
				<a class="more" href="http://m.legendshop.cn/m_search/list?categoryId=36">更多</a>
				热门车
			</h2>
			<div class="tb_type tb_type_even clearfix">
				<a class="tb_floor" href="views.html"style="height: 100%;">
					<img src="moblic/index_second_1.jpg" style="width:100%;vertical-align:middle">
				</a>
				<a class="th_link" href="views.html">
					<img class="tb_pic" src="moblic/迷你摩托.jpg" style="width:100%;">
				</a>
				<a class="th_link tb_last" href="views.html">
					<img class="tb_pic" src="moblic/嬉皮车.jpg" style="width:100%;">
				</a>
			</div>
		</div>
		<!--产品块-->
		<div class="tb_box">
			<h2 class="tab_tit">
				<a class="more" href="http://m.legendshop.cn/m_search/list?categoryId=38">更多</a>
				轻型车</h2>

			<div class="tb_type clearfix">
				<a class="tb_floor" href="views.html" style="height: auto;">
					<img src="moblic/嬉皮车.jpg" style="width:100%;vertical-align:middle;">
				</a>
				<a class="th_link" href="views.html">
					<img class="tb_pic" src="moblic/index_sec2.jpg" style="width:100%;">
				</a>
				<a class="th_link tb_last" href="views.html">
					<img class="tb_pic" src="moblic/迷你摩托.jpg" style="width:100%;">
				</a>
			</div>
		</div>
		<!--产品块-->
		<div class="tb_box">
			<h2 class="tab_tit">
				<a class="more" href="http://m.legendshop.cn/m_search/list?categoryId=35">更多</a>
				重型车</h2>

			<div class="tb_type tb_type_even clearfix"><a class="tb_floor" href="views.html"style="height: auto;">
				<img src="moblic/index_heavy1.jpg" style="width:100%;vertical-align:middle;">
			</a>
				<a class="th_link" href="views.html">
					<img class="tb_pic" src="moblic/越野车.jpg" style="width:100%;">
				</a>
				<a class="th_link tb_last" href="views.html">
					<img class="tb_pic" src="moblic/街车.jpg" style="width:100%;">
				</a>
			</div>
		</div>
	</div>

</div>

<div class="foot_index">
	<div class="foot_index_tit"></div>
	<div class="foot_index_rx"></div>
</div>
<!--搞事情-->
<footer class="footer">
	<div class="foot-con">
		<div class="foot-con_2">
			<a href="index.html" class="active">
				<i class="navIcon home"></i>
				<span class="text">首页</span>
			</a>
			<a href="category.html">
				<i class="navIcon sort"></i>
				<span class="text">分类</span>
			</a>
			<a href="shopcart.html">
				<i class="navIcon shop"></i>
				<span class="text">购物车</span>
			</a>
			<a href="userhome.html" >
				<i class="navIcon member"></i>
				<span class="text">我的</span>
			</a>
		</div>
	</div>
</footer>

<script type="text/javascript">
    $(document).ready(function(){
        $("#slide img").each(function(){
            var img_src=$(this).attr("_src");
            $(this).attr("src",img_src);
        });
    });

    function searchproduct(){
        var keyword = document.getElementById("keyword").value;
        if(keyword == undefined || keyword==null ||keyword ==""){
            alert("请输入搜索关键字！");
            return false;
        }
        document.getElementById("searchform").submit();
    }
</script>
<script charset="utf-8" src="js/TouchSlide.js"></script>
<script type="text/javascript">

    TouchSlide({
        slideCell:"#slide",
        titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
        mainCell:".bd ul",
        effect:"left",
        autoPlay:true,//自动播放
        autoPage:true, //自动分页
        switchLoad:"_src" //切换加载，真实图片路径为"_src"
    });
</script>
</body></html>



